"use client";
import DataContainer from "@/components/DataContainer";
import MyLoading from "@/components/MyLoading";
import { useRequest } from "@/hooks/useRequest";

// 模拟请求接口，返回用户列表
async function getUsers(): Promise<{ name: string }[]> {
  // return new Promise((resolve,reject) => {
  //   setTimeout(() => {
  //     resolve([
  //       {
  //         name: 'tom',
  //       },
  //       {
  //         name: 'jack',
  //       },
  //     ]);
  //     // reject('失败')
  //     // throw new Error('失败')
  //   }, 1000);
  // })
  await new Promise((resolve) => {
    setTimeout(() => {
      resolve(true);
    }, 1000);
  });
  // throw new Error('失败')
  return [
    {
      name: "tom",
    },
    {
      name: "jack",
    },
  ];
}

const App = () => {

  return (
    <div>
      <DataContainer<{ name: string }[]>
        req={getUsers}
        defalut={(row) => {
          return <div>{
            row.map((item) => {
              return <div key={item.name}>{item.name}</div>;
            })
          }</div>;
        }}
      >
      </DataContainer>
    </div>
  );
};

export default App;

// 'use client'

// import { Button } from "antd";

// export default function WebWorkerPage() {

//     const sendWorker = () => {
//         // new URL('/worker/ceshi.js', import.meta.url)
//         const worker = new Worker('/worker/ceshi.js', {
//             type: 'classic'
//             // type: 'module'
//          })
//         worker.postMessage('hello')
//         worker.onmessage = (e) => {
//             console.log(e.data)
//         }
//     }
//   return (
//     <div>
//       <h1>

//         <Button onClick={sendWorker}>发送worker</Button>
//       </h1>
//     </div>
//   );
// }
